import React  from 'react';
import PropTypes from 'proptypes';
import Dialog from '@mui/material/Dialog';
import DialogTitle from '@mui/material/DialogTitle';
import DialogContent from '@mui/material/DialogContent';
import DialogActions from '@mui/material/DialogActions';

export default function PreviewModal(props){
    return (
      <Dialog
        closable="false"
        detachable="false"
        open={props.modalOpen}
        dimmer={'inverted'}
      >
        <DialogTitle>Content Preview</DialogTitle>
        <DialogContent>
          <p>{props.pos.row}</p>
          <p>{props.pos.col}</p>
        </DialogContent>
        <DialogActions>
          <div
            className="small ui black deny right button"
            onClick={props.onCloseClick}
            tabIndex={0}
          >
            Close
          </div>
        </DialogActions>
      </Dialog>
    );

}
